<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html;charset=utf-8" http-equiv="content-type" />
		<meta name="description" content="CMSMasters website template" />
		<meta name="keywords" content="html, css, template" />
		
		<link rel="shortcut icon" href="images/favicon.png" type="image/png" />

		<link rel="stylesheet" type="text/css" href="css/animate.css">
		<link rel="stylesheet" type="text/css" href="css/my_css.css">
		
        <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
		<script src="js/script.js" type="text/javascript"></script>
		<script src="js/my_js.js"></script>

        <title>Anime Code</title>
	</head>
	
    <body id="body_page">
<!-- _________________________ Start Page _________________________ -->
		<section id="page">

<!-- _________________________ Start Header _________________________ -->
			<header class="main_header">
				<div class="header">
                    	
<!-- _________________________ Start Search _________________________ -->
					<div class="search_line">
						<form action="#">
							<input type="text" name="search" id="search" value="enter keywords" />
							<input type="submit" value="" />
						</form>
					</div>
<!-- _________________________ Finish Search _________________________ -->

<!-- _________________________ Start Navigation _________________________ -->
		  		  <nav id="mainmenu"></nav>
<!-- _________________________ Finish Navigation _____________________ -->
				</div>
			</header>
<!-- _________________________ Finish Header _________________________ -->

<!-- _________________________ Start Top _____________________________ -->
			<section id="top" style="height:345px;">
           
                <div class="d_table" style="margin: 0 auto;">
                    <div class="d_tr">
                        <div class="d_td" style="vertical-align:top">
                        	<div class="special_content">
	                        	<div class="mod-inner" style="height:325px;">
	              					<h3><span>Anime</span> of the Month</h3>
	              					<span class="badge_hot"></span>
	              
	              					<center>
	              						<a name="aotm" href="#">
	                						<img id="aotm_box" src="images/angelbeats.png" />
	              						</a>
	              						<br / >
	              						<a id="aotm_title" href="#" style="color:#BA3500; font-size:12px; font-weight:bold; text-transform:uppercase;">
	                						Angel Beats
	              						</a>
	            					</center>
	            
	            					<div class="d_table myinfo" style="margin:5px auto; width:240px;">
	                                	<div class="d_tr">
	                                    	<div class="d_td myinfo-spec" style="width: 55px;">Type</div>
	                                    	<div id="aotm_type" class="d_td myinfo-spec2" style="background-color: #fff;">TV series, 24 episodes</div>
	                                    </div>
	              						
	                                    <div class="d_tr">
	                                        <div class="d_td myinfo-spec" style="width: 55px;">Rating</div>
	                                        <div id="aotm_rating" class="d_td myinfo-spec2" style="background-color: #fff;">
	                  							<div class="myrating_star_user">
	                    							<div style="width:90%">&nbsp;</div>
	                  							</div> 10 / 10
	                						</div>
	              						</div>
	            					</div>
	            				</div>
	            			</div>
                        </div>
                        
                        <div class="d_td">
                        	<div id="slideshow">
	                            <div id="slider">
	                                <div id="banner">
	                                    <div class="oneByOne_item">
	                                        <img id="slide0_pic" src="images/air.jpg" class="item_4_1" alt="" />
                                            <h1 class="text_4_1"><a id="slide0_title" href="#">Splendid!</a></h1>
                                            <p id="slide0_synopsis" class="text_4_2">Lorem</p>
	                                    </div>
	                                    
	                                    <div class="oneByOne_item">
	                                        <img id="slide1_pic" src="images/angelbeats1.jpg" class="item_4_1" alt="" />
	                                        <h1 class="text_4_1"><a id="slide1_title" href="#">Splendid!</a></h1>
	                                        <p id="slide1_synopsis" class="text_4_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam est metus, varius ac porta sed, elementum eu sapien. Pellentesque eu felis turpis, ac sagittis diam. Sed euismod auctor dolor non pellentesque.</p>
	                                    </div>
	                                    
	                                    <div class="oneByOne_item">
	                                        <img id="slide2_pic" src="images/baka.jpg" class="item_4_1" alt="" />
	                                        <h1 class="text_4_1"><a id="slide2_title" href="#">Splendid!</a></h1>
	                                        <p id="slide2_synopsis" class="text_4_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam est metus, varius ac porta sed, elementum eu sapien. Pellentesque eu felis turpis, ac sagittis diam. Sed euismod auctor dolor non pellentesque.</p>
	                                    </div>
	                                    
	                                    <div class="oneByOne_item">
	                                        <img id="slide3_pic" src="images/fsn.jpg" class="item_4_1" alt="" />
	                                        <h1 class="text_4_1"><a id="slide3_title" href="#">Splendid!</a></h1>
	                                        <p id="slide3_synopsis" class="text_4_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam est metus, varius ac porta sed, elementum eu sapien. Pellentesque eu felis turpis, ac sagittis diam. Sed euismod auctor dolor non pellentesque.</p>
	                                    </div>

	                                    <div class="oneByOne_item">
	                                        <img id="slide4_pic" src="images/baka.jpg" class="item_4_1" alt="" />
	                                        <h1 class="text_4_1"><a id="slide4_title" href="#">Splendid!</a></h1>
	                                        <p id="slide4_synopsis" class="text_4_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam est metus, varius ac porta sed, elementum eu sapien. Pellentesque eu felis turpis, ac sagittis diam. Sed euismod auctor dolor non pellentesque.</p>
	                                    </div> 
	                                </div>
	                                <script type="text/javascript">
	                                    $(document).ready(function() {
	                                        $('#banner').oneByOne( {
	                                            className:'oneByOne1',
	                                            easeType:'random',
	                                            slideShow:true
	                                        } );
	                                    } );
	                                </script>
	                            </div>
                        	</div>
                        </div>
                    </div>
                </div>

			</section>
<!-- _________________________ Finish Top _________________________ -->

<!-- _________________________ Start Top Sidebar __________________ -->
			<!--<section class="top_sidebar">
				
			</section>-->
<!-- _________________________ Finish Top Sidebar _________________ -->

<!-- _________________________ Start Middle _______________________ -->
			<!--<section id="middle">-->

<!-- _________________________ Start Content _________________________ -->
				<!--<section class="middle_content">
					
				</section>-->
<!-- _________________________ Finish Content _________________________ -->

			<!--</section>-->
<!-- _________________________ Finish Middle __________________________ -->

<!-- _________________________ Start Bottom ___________________________ -->
			<section id="bottom">
            	<div class="bottom">
					<div class="bottom_inner">
                    	<aside class="widget widget_custom_comments_entries">
							<div class="one_fourth widget_custom_tweets_entries" style="margin:15px 5px 3px 10px; width:500px;">
                                <img src="images/logo.png" style="margin-top:-10px;"/>
								<div class="tweet_content" style="margin-top:-10px; border:1px solid #eee; height:123px;">
                                <span class="dropcap2">W</span><b>elcome to Anime Code!</b> This is a website that contain information about anime that I have watched. The detail level of information is based on information that I've found on the internet, and I don't guarantee the correctness. So, don't blame me whether the information is incorrect cause I am not responsible for that. The last things, feel free to explore my website, hope you enjoyed it.</div>
							</div>
                            
                            <div class="figcaption">
	                            <div class="d_td">
	                        		<div id="number_collection" class="stat_number">132</div>
	                        		<div class="stat_text">Collection</div>
	                            </div>

	                            <div class="d_td">
	                        		<div id="number_watch" class="stat_number">132</div>
	                        		<div class="stat_text">Watch List</div>
	                            </div>

	                            <div class="d_td">
	                        		<div id="number_scout" class="stat_number">132</div>
	                        		<div class="stat_text">Scout</div>
	                            </div>

	                            <div class="d_td">
	                        		<div id="number_updated" class="stat_number" style="width:200px;">31 September 2013</div>
	                        		<div class="stat_text" style="width:200px;">Last Update</div>
	                            </div>
                            </div>
						</aside>
                    
						<aside class="widget widget_custom_portfolio_entries">
							<div class="contentbox" style="width:220px; height:270px;">
								<script type="text/javascript">
									jQuery(window).load(function() {
										jQuery('.widget_custom_portfolio_entries_container').slides( {
											container:'widget_custom_portfolio_entries_slides',
											pagination:true,
											generatePagination:true,
											paginationClass:'widget_custom_portfolio_entries_pager',
											slideSpeed:500,
											play:5000,
											pause:5000,
											hoverPause:true,
											autoHeight:true,
											autoHeightSpeed:500
										} );
									} );
								</script>
								<h4 class="widgettitle">Random Anime</h4>
								<div class="widget_custom_portfolio_entries_container">
									<ul class="widget_custom_portfolio_entries_slides">
										<li>
											<p><a href="#"><img id="sc0_pic" src="images/footer_image_01.jpg" alt="" /></a></p>
											<a id="sc0_title" href="project.html"><strong>Duis semper nuncid</strong></a>
											<p id="sc0_synopsis">Duis semper nunc id metus sagittis nec ullamcorper justo</p>
										</li>
										<li>
											<p><a href="#"><img id="sc1_pic" src="images/footer_image_01.jpg" alt="" /></a></p>
											<a id="sc1_title" href="project.html"><strong>Duis semper nuncid</strong></a>
											<p id="sc1_synopsis">Duis semper nunc id metus sagittis nec ullamcorper justo</p>
										</li>
										<li>
											<p><a href="#"><img id="sc2_pic" src="images/footer_image_01.jpg" alt="" /></a></p>
											<a id="sc2_title" href="project.html"><strong>Duis semper nuncid</strong></a>
											<p id="sc2_synopsis">Duis semper nunc id metus sagittis nec ullamcorper justo</p>
										</li>
										<li>
											<p><a href="#"><img id="sc3_pic" src="images/footer_image_01.jpg" alt="" /></a></p>
											<a id="sc3_title" href="project.html"><strong>Duis semper nuncid</strong></a>
											<p id="sc3_synopsis">Duis semper nunc id metus sagittis nec ullamcorper justo</p>
										</li>
										<li>
											<p><a href="#"><img id="sc4_pic" src="images/footer_image_01.jpg" alt="" /></a></p>
											<a id="sc4_title" href="project.html"><strong>Duis semper nuncid</strong></a>
											<p id="sc4_synopsis">Duis semper nunc id metus sagittis nec ullamcorper justo</p>
										</li>
									</ul>
								</div>
							</div>
						</aside>
                        
                        <aside class="widget widget_links">
							<div class="one_fourth contentbox" style="width:215px; height:270px;">
								<h4 class="widgettitle">Top Anime</h4>

								<div id="top_content" style="margin-top:15px;"></div>
							</div>
						</aside>
                        
                        <div class="clr"></div>
                	</div>
            	</div>
			</section>
<!-- _________________________ Finish Bottom _______________________ -->

		</section>

<!-- _________________________ Finish Page _________________________ -->

<!-- _________________________ Start Footer ________________________ -->
		<!--<footer class="main_footer">
		
		</footer>-->
<!-- _________________________ Finish Footer _________________________ -->
		
	</body>
</html>
